<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>floor test</title>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			background-color: #000;
		}

		iframe {
			display: block;
			margin: 0 auto;
			top: 0;
			border: none;
			opacity: 0.0;
			-moz-opacity: 0.0;
			filter:alpha(opacity=0);

			-webkit-transition: opacity 1000ms ease-in 0;
			-moz-transition: -moz-opacity 1000ms ease-in 0;
			-ms-transition: opacity 1000ms ease-in 0;
		}

	
		#arrow {
			position: absolute;
			margin: 0 auto;
			top: 0;
			opacity: 1.0;
			-moz-opacity: 1.0;
			filter:alpha(opacity=10);

			-webkit-transition: opacity 1000ms ease-in 0;
			-moz-transition: -moz-opacity 1000ms ease-in 0;
			-ms-transition: opacity 1000ms ease-in 0;
		}
	</style>
</head>
<body>
	<iframe id="iframe" width="720" height="720"></iframe>
	<div id="arrow"></div>
	<script type="text/javascript" src="js/arrow.js"></script>
	<script type="text/javascript" src="js/floor.js"></script>
</body>
</html>